<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/css/jpetstore.css" type="text/css">
</head>
<body>
<!--头部引用-->
<div th:replace="/common/IncludeTop::header"></div>
<!--中间部分-->
<div id="Content">
    <div id="Catalog">
        <form action="registerSuccessful" method="post" id="myForm">

            <fieldset>
                <legend>User Information</legend>
                <table>
                        <tr>
                            <td>Username:</td>
                            <td th:text="$">用户的名字</td>
                        </tr>
                     <tr>
                            <td>New password:</td>
                            <td><input  name="password" type="password" id="password" ></td>

                        </tr>
                        <tr>
                            <td>Repeat password:</td>
                            <td><input name="repeatedPassword" type="password" id="repeatedPassword" ></td>
                        </tr>
                </table>
            </fieldset>

            <fieldset>
                <legend>Account Information</legend>
                <table>
                    <tbody>
                    <tr>
                        <td>First name:</td>
                        <td><input name="firstName" value="" type="text" ></td>
                    </tr>
                    <tr>
                        <td>Last name:</td>
                        <td><input name="lastName" value="" type="text">/td>
                    </tr>
                    <tr>
                        <td>Email:</td>
                        <td><input name="email" type="text" id="email" ></td>
                    </tr>
                    <tr>
                        <td>Phone:</td>
                        <td><input name="phone" value="" type="text" ></td>
                    </tr>
                    <tr>
                        <td>Address 1:</td>
                        <td><input name="address1" value="" type="text" size="40" ></td>
                    </tr>
                    <tr>
                        <td>Address 2:</td>
                        <td><input name="address2" value="" type="text" size="40" ></td>
                    </tr>
                    <tr>
                        <td>City:</td>
                        <td><input name="city" value="" type="text" ></td>
                    </tr>
                    <tr>
                        <td>State:</td>
                        <td><input name="state" value="" type="text" size="4" ></td>
                    </tr>
                    <tr>
                        <td>Zip:</td>
                        <td><input name="zip" value="" type="text" size="10" ></td>
                    </tr>
                    <tr>
                        <td>Country:</td>
                        <td><input name="country" value="" type="text" size="15" ></td>
                    </tr>
                    </tbody>
                </table>
            </fieldset>

            <fieldset>
                <legend>Profile Information</legend>
                <table>
                    <tbody>
                    <tr>
                        <td>Language Preference:</td>
                        <td><select name="languagePreference">
                            <option selected="selected" value="english">english</option>
                            <option value="japanese">japanese</option>
                        </select></td>
                    </tr>
                    <tr>
                        <td>Favourite Category:</td>
                        <td><select name="favouriteCategoryId">
                            <option value="FISH">FISH</option>
                            <option selected="selected" value="DOGS">DOGS</option>
                            <option value="REPTILES">REPTILES</option>
                            <option value="CATS">CATS</option>
                            <option value="BIRDS">BIRDS</option>
                        </select></td>
                    </tr>
                    <tr>
                        <td>Enable MyList</td>
                        <td><input name="listOption" value="listOption"
                                   type="checkbox" checked="checked"></td>
                    </tr>
                    <tr>
                        <td>Enable MyBanner</td>
                        <td><input name="bannerOption" value="bannerOption"
                                   type="checkbox" checked="checked"></td>
                    </tr>
                    </tbody>
                </table>
            </fieldset>

            <input name="confirmEdit" value="Save Account Information"
                   type="submit">


        </form>
        <a href="myOrders">My Orders</a>
    </div>
</div>

<!--底部引用-->
<div th:replace="/common/IncludeBottom::footer"></div>

</body>
</html>